Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / layout / AppShellBanners.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<divTff7b72>

Tff7b72<div

Te6edf3v-if=Ta5d6ff"showEmergency"

Te6edf3class=Ta5d6ff"relative z-100 bg-red-600 text-white px-4 py-2 text-center text-sm font-bold shadow-md animate-pulse"

Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"flex items-center justify-center gap-2"Tff7b72>

Tff7b72<MaterialDesignIcon Te6edf3icon-name=Ta5d6ff"alert-decagram" Te6edf3class=Ta5d6ff"size-5" Tff7b72/>

Tff7b72<spanTff7b72>Tff7b72{{ Te6edf3emergencyLabel Tff7b72}}Tff7b72</span>

Tff7b72</div>

Tff7b72</div>

Tff7b72<div

Te6edf3v-if=Ta5d6ff"showWsDisconnected"

Te6edf3class=Ta5d6ff"relative z-100 bg-red-700 text-white px-4 py-2 text-center text-sm font-medium shadow-md border-b border-red-800/80"

Te6edf3role=Ta5d6ff"status"

Te6edf3aria-live=Ta5d6ff"polite"

Tff7b72>

Tff7b72{{ Te6edf3wsDisconnectedLabel Tff7b72}}

Tff7b72</div>

Tff7b72<div

Te6edf3v-if=Ta5d6ff"showWsReconnected"

Te6edf3class=Ta5d6ff"relative z-100 bg-emerald-700 text-white px-4 py-2 text-center text-sm font-medium shadow-md border-b border-emerald-800/80 transition-opacity duration-300"

Te6edf3role=Ta5d6ff"status"

Te6edf3aria-live=Ta5d6ff"polite"

Tff7b72>

Tff7b72{{ Te6edf3wsReconnectedLabel Tff7b72}}

Tff7b72</div>

Tff7b72</div>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import MaterialDesignIcon from "../MaterialDesignIcon.vue";

export default {

name: "AppShellBanners",

components: { MaterialDesignIcon },

props: {

showEmergency: {

type: Boolean,

default: false,

},

emergencyLabel: {

type: String,

default: "",

},

showWsDisconnected: {

type: Boolean,

default: false,

},

wsDisconnectedLabel: {

type: String,

default: "",

},

showWsReconnected: {

type: Boolean,

default: false,

},

wsReconnectedLabel: {

type: String,

default: "",

},

},

};

Tff7b72</script>